<template>
  <div class="classifity-warp">
    <div class="classifity-list">
      <div class="list-nav">
        <span class="el-icon-s-operation">数据列表</span>
        <el-button class="list-btn" @click="add">添加</el-button>
      </div>

      <!-- 列表主要内容 -->
      <ClassifityList />
    </div>
  </div>
</template>

<style lang="scss" scoped>
@import "@/assets/sass/var.scss";

.classifity-warp {
  padding: 0px;

  span {
    color: #999;
    size: 14px;
    font-weight: 500;
  }
  .nav-right {
    float: right;
    margin-top: 4px;
  }
  .classifity-list {
    background-color: rgba(243, 243, 243);
    border: 1px solid rgb(228, 228, 228);
    margin-top: 20px;

    .list-nav {
      padding: 0 20px;
      line-height: 50px;
      span {
        color: #666;
      }
      .list-btn {
        float: right;
        margin-top: 5px;
      }
    }

    .list-content {
      .classifity-add {
        color: $panel-color;
      }
      .classifity-look {
        color: $panel-color;
      }
    }
  }
}
</style>

<script>
import ClassifityList from "@/components/commodity-management/ClassifityList.vue";
export default {
  name: "ClassifityView",
  components: {
    ClassifityList,
  },
  methods: {
    add() {
      this.$router.push({ path: "/goods/addBrand"});
    },
  },
};
</script>